
<template>
  <div class="container">
    <img
      style="width: 150px; margin-left: 25px; margin-right: 15px"
      src="../assets/app/logo.png"
      alt=""
    />
  </div>
</template>

<script setup>
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.container {
  height: 65px;
  width: 100vw;
  position: absolute;
  z-index: 500;
  overflow: hidden;
  background: rgba(36, 41, 47, 0.23);

  display: flex;

  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all 1s;
  margin: 0;
  padding: 0;
  top: 0px;
  left: 0px;
  align-items: center;
  justify-content: flex-start;
}
.head {
  width: 100%;
  height: 100%;
  color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 10;
  // transition: all 2s;
}
</style>
